<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/style.css" type="text/css"/>

<link rel="stylesheet" href="js/Validform/style.css" type="text/css"/>
</head>
<body>
<div class="head_Thank clearfix">
	<div class="w ">
	<div class="fl mg"><img src="images/head.png" /></div>
	<div class="fr center mt head">
	 <p><img src="images/tel.png" /></p>
	</div>
	</div>
</div>
<!--info_content start-->
<form id="insuranceform" name="insuranceform" action="" method="post">
<div class="w info_content clearfix">
  <!--info_top start-->
  <div class="bgwhite">
  <ul class="info_top  iftop_bgcrt clearfix">
    <li class=" iftop_fltcrt"><span class="iftop_flout">填写投保信息</span></li>
    <li class="iftop_afmcrt "><span class="iftop_affirm">确认投保信息</span></li>
    <li class=" iftop_olecrt "><span class="iftop_online"><span style="margin-left:-10px">在线支付</span></span></li>
  </ul>
  </div>
  <p style="margin-top: 20px;">* 您填写的信息仅供本次保单有用，我们会为您的信息严格保密。投保咨询热线 <span class="cl18abe5">400-820-8858</span> 周一～周日9:00-22:00</p>
  <!--info_top end-->
  <!--info_plan star-->
  <div class="info_plan">
    <h3 style="font-size:18px;font-weight:normal;">保障计划及日期选择</h3>
    <!--ifplan_warp start-->
    <div class="ifplan_warp clearfix">
      <div class="ifplan_top clearfix">
        <p class="fl">我要去：</p>
        <ul class="fl go_country clearfix">
          <li><a href="javascript:;" data-area="1" class="if_rtrdu">&nbsp;</a><span>欧洲(含申根)/澳洲/非洲/美洲游</span></li>
          <li><a href="javascript:;" data-area="2">&nbsp;</a><span>东南亚/日韩/港澳游</span></li>
          <li><a href="javascript:;" data-area="3">&nbsp;</a><span>东南亚/日韩/港澳游</span></li>
          <li><a href="javascript:;" data-area="4">&nbsp;</a><span>台湾游</span></li>
          <li><a href="javascript:;" data-area="5">&nbsp;</a><span>台湾游</span></li>
          <input type="hidden" value="1" name="go_country"/>
        </ul>
      </div>
      <!--ifplan_top end-->
      <div class="ifplan_ctnt clearfix">
        <ul class="ifplan_schedule">
          <li>
            <h3 class="cl18abe5">“万国游踪”境外旅行保障计划</h3>
          </li>
          <li class="ifplan_location">适合地区：欧洲(含申根)/澳洲/非洲/美洲游</li>
          <li class="ifplan_select clearfix"><span class="fl">选择计划：</span>
			  <a href="javascript:;" class="ifplan_slctcrt">钻石计划</a>
			  <a href="javascript:;">黄金计划</a>
			  <a href="javascript:;">白银计划</a>
		  </li>
          <li class="ifplan_table">
            <table cellpadding="0" cellspacing="0">
              <thead>
                <tr>
                  <td ><strong>保障项目</strong></td>
                  <td>&nbsp;</td>
                  <td><strong class="tbclorange">钻石计划</strong></td>
                  <td><strong class="tbclblue">黄金计划</strong></td>
                  <td><strong>白银计划</strong></td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>旅游阻碍保障</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr >
                  <td >旅行延误</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">1,800(300/5小时)</td>
                  <td class="tbclblue">1,800(300/5小时)</td>
                  <td>1,800(300/5小时)</td>
                </tr>
                <tr>
                  <td>行李延误</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">2,000(500/8小时)</td>
                  <td class="tbclblue">2,000(500/8小时)</td>
                  <td>2,000(500/8小时)</td>
                </tr>
                <tr>
                  <td>旅程变更</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">15,000</td>
                  <td class="tbclblue">15,000</td>
                  <td>15,000</td>
                </tr>
                <tr>
                  <td>个人财务保障</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>个人钱财</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">2,000</td>
                  <td class="tbclblue">2,000</td>
                  <td>2,000</td>
                </tr>
              <tbody id="ifplan_tbnone" style="display:none">
                <tr >
                  <td>个人钱财</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">2,000</td>
                  <td class="tbclblue">2,000</td>
                  <td>2,000</td>
                </tr>
                <tr >
                  <td>个人钱财</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">2,000</td>
                  <td class="tbclblue">2,000</td>
                  <td>2,000</td>
                </tr>
                <tr >
                  <td>个人钱财</td>
                  <td>&nbsp;</td>
                  <td class="tbclorange">2,000</td>
                  <td class="tbclblue">2,000</td>
                  <td>2,000</td>
                </tr>
              </tbody>
              
              </tbody>
            </table>
			<a href="javascript:;" class="ifplan_unfold" data-show="0"><img src="images/if_unfold.png"></a>
          </li>
        </ul>
        <!--ifplan_schedule end-->
        <!--ifplan_date start-->
        <ul class="ifplan_date">
          <li class="clearfix btn-bool" >
            <label style="margin-right:10px;">是否全年计划？</label>
			<a href="javascript:;" data-bool="0" class="btn-boolture"style="border-right:0">是</a>
			<a href="javascript:;" data-bool="1" style="border-left:0">否</a>
			<input type="hidden" value="0" name="boolplan"/>
          </li>
          <li class="clearfix">
            <label style="margin-right:10px;">保单起保日期：</label>
			<input type="text" onClick="WdatePicker()" class="ifplan_dateico"/>
          </li>
          <li class="clearfix">
            <label style="margin-right:10px;">保单终止日期：</label>
			<input type="text" onClick="WdatePicker()" class="ifplan_dateico"/>
          </li>
		  <script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
          <li class="clearfix" style="margin-top:50px">
            <label style="line-height: 20px;">价格：</label><p style="margin-top:-11px; float:left">共计<strong class="tbclorange">1</strong>天  单价：成人<strong class="tbclorange">165.00 </strong> <span class="tbclorange">元/人</span>，儿童<strong class="tbclorange">135.00</strong>  <span class="tbclorange">元/人</span></p>
          </li>
        </ul>
        <!--ifplan_date end-->
      </div>
      <!--ifplan_ctnt end-->
    </div>
    <!--ifplan_warp end-->
  </div>
  <!--info_plan end-->
</div>
<!--info_content end-->
	<div class="date_wrapper">
		<h2 class="clearfix" style="margin-top:33px;margin-bottom:8px;"><a href="javascript:;" class="fl">投保人信息</a>
			<a href="javascript:;" class="tip fl">
			<div class="tips"><p>什么根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照合同负有支付保险费义务的人。</p></div>
			</a>
		</h2>
		<div class="applicant_form toubaoren" style="padding:20px 0;">
			<div  class="clearfix">
				<label class="label">姓名：</label>
				<input type="text" placeholder="&nbsp;&nbsp;&nbsp;例：李明/LIMING" name="name" value="" class="form-control realname validinput" />
			</div>
			<div class="clearfix">
				<label class="label">证件类型：</label>
				<div class="center fl ApplicantIdType" style="margin-left:15px;">
				<div>
				<select class="fl" name="area_selet1" id="area_select1" >
					<option class="danqians">请选择</option>
					<option>身份证</option>
					<option>居住证</option>
					<option>签证</option>
					<option>护照</option>
					<option>户口本</option>
					<option>军人证</option>
					<option>团员证</option>
					<option>党员证</option>
					<option>港澳通行证</option>
				</select>
				</div>
				</div>
				<input type="text" name="shenfen" placeholder="&nbsp;&nbsp;&nbsp;请输入证件号码" class="cardno validinput" />
			</div>
			<div class="clearfix happyBirth ifplan_date">
				<label class="label">生日：</label><input type="text" onClick="WdatePicker()" class="ifplan_dateico validinput">
			</div>
			<div class="clearfix date_sex btn-bool">
				<label class="label">性别：</label>
				<a href="javascript:;" data-bool="0" class="btn-boolture"style="border-right:0;margin-left:15px">男</a>
				<a href="javascript:;" data-bool="1" style="border-left:0">女</a>
				<input type="hidden" value="0" name="boolsex"/>
			</div>
			<div class="clearfix PhoneNum PhoneNum1">
				<label class="label">手机号：</label><input type="text" name="phone" placeholder="&nbsp;&nbsp;&nbsp;请输入手机号" class="phomenumber phone1 validinput"/>
			</div>
			<div class="clearfix Email">
				<label class="label">邮箱：</label><input type="text" name="email" placeholder="&nbsp;&nbsp;&nbsp;例：abc@sina.com" class="postemail validinput"/>
			</div>
			
		</div>
	</div>
	<!--form1-->
	<div class="date_wrapper date_by" style="margin-top:30px;">
		<h2 class="clearfix" style="margin-top:33px;padding-bottom:8px;border-bottom: 1px solid #d9d9d9;"><a href="javascript:;" class="fl">被保人信息</a>
			<a href="javascript:;" class="tip fl">
			<div class="tips"><p>什么根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照合同负有支付保险费义务的人。</p></div>
			</a>
		</h2>
		
		<div class="applicant_form insured-form" style="padding:20px 0;border-top:0;">
			<div class="clearfix tusertype" style="margin:15px 0;">
				<label>被保险人是投保人的：</label>
				<div class="center fl" style="margin-left:15px;">
				<div>
				<select class="fl" name="select_2" id="select_2" style="background-color:#fff;" >
					<option>请选择</option>
					<option>本人</option>
					<option>配偶</option>
					<option>父亲</option>
					<option>母亲</option>
					<option>哥哥</option>
					<option>姐姐</option>
				</select>
				</div></div>
				<a href="javascript:;" class="data_delete fr" style="display:none;"><i style="display:block;float:left;margin-right:5px;"><img src="images/shanchu_03.png" width="22" height="21" ></i>删除</a>
			</div>
			<div class="clearfix user">
				<label>姓名：</label><input type="text" placeholder="&nbsp;&nbsp;&nbsp;例：李明/LIMING" name="name" value="" class="form-control realname validinput" style="background-color:#fff;" />
			</div>
			<div class="clearfix">
				<label>证件类型：</label>
				<div class="center fl ApplicantIdType" style="margin-left:15px;">
				<div>
				<select class="fl" name="select_3" id="select_3" style="background-color:#fff;">
					<option>请选择</option>
					<option>身份证</option>
					<option>居住证</option>
					<option>签证</option>
					<option>护照</option>
					<option>户口本</option>
					<option>军人证</option>
					<option>团员证</option>
					<option>党员证</option>
					<option>港澳通行证</option>
				</select>
				</div></div>
				<input type="text" name="shenfen" placeholder="&nbsp;&nbsp;&nbsp;请输入证件号码" class="cardno validinput" />
			</div>
			<div class="clearfix happyBirth ifplan_date">
				<label class="label">生日：</label><input type="text" onClick="WdatePicker()" class="ifplan_dateico validinput">
			</div>
			<div class="clearfix date_sex btn-bool ">
				<label class="label">性别：</label>
				<a href="javascript:;" data-bool="0" class="btn-boolture" style="border-right:0;margin-left:15px"><input type="hidden" value="男"  name="ifplan_sex"/>男</a>
				<a href="javascript:;" data-bool="1" style="border-left:0"><input type="hidden" value="女"  name="ifplan_sex" class="womansex"/>女</a>
			</div>
			<div class="clearfix PhoneNum">
				<label>手机号：</label><input type="text" name="phone" placeholder="&nbsp;&nbsp;&nbsp;请输入手机号" class="phomenumber validinput" />
			</div>
		</div>
		<!--form3-->
		<div style="text-align:center" class="date_wrapper"><a href="javascript:;" class="data_add"><img src="images/001_19.jpg" width="154" height="28"></a></div>
	</div>
	<div class="date_wrapper" style="margin-top:25px;">
		<h2 class="clearfix" style="margin-top:25px;margin-bottom:8px;"><a href="javascript:;" class="fl">受益人</a>
			<a href="javascript:;" class="tip fl">
			<div class="tips"><p>什么根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照合同负有支付保险费义务的人。</p></div>
			</a>
		</h2>
		<p class="applicant_form clearfix bgwhite applicant_p"><span class="applicant_label">身故保险受益人：</span><span class="jicheng">继承人</span></p>
		
	</div>
	<div class="date_wrapper clearfix" style="margin-top:45px;margin-top:15px;margin-bottom;">
		<h2 class="clearfix" style="margin-top:25px;margin-bottom:8px;">
			<a href="javascript:;" class="fl">旅游信息</a>
		</h2>
		<div class="applicant_form clearfix bgwhite applicant_p">
			<span class="date_travel">旅行目的地：</span>
			<div class="center fl" style="margin-left:15px;margin-top:35px;margin-bottom:10px;">
				<div>
				<input type="text" id="citySelect" name="citySelect">
				</div>
			</div>
			<p class="travel fr">请在列表中选择。如列表没有要前面的目的地，请在热门国家中选择“其他”。若有多个旅行目的地，请选择第一个</p>
			<p class="travel fr">本保障计划<em>不承担</em>任何直接或间接由于前往或途径<em>阿富汗、缅甸、古巴、刚果民主共和国、伊朗、伊拉克、利比里亚、苏丹、叙利亚，</em>或在上述国家旅行期间发生的保险事故。</p>
		</div>
	</div>
	<div class="scrollTop" style="display:none;"><a href="javascript:;"><img src="images/top_03.png" width="61" height="61"></a></div>
	<div class="date_wrapper clearfix" style="text-align:center;margin-bottom:45px;padding-top:22px;">
		<a href="javascript:;" class="button btn-submit">下一步</a>
	</div>
	</form>
<!--footer_Thank start-->
<div class="footer_Thank  clearfix">
	 <div class="clearfix wrap mb">
	 <h3  class="ptop" style="font-size:16px;font-weight:normal">保单变更/退保流程</h3>
	 	<div>
		<div class="fl wid mtop">
			<ol>
				<img src="images/alteration.png"  class="fl"/>
				<h3 class="" style="margin-left:68px;font-size:14px;font-weight:normal">表单变更</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
			<div class="fl mtop wid ptop" >
			<ol>
				<img src="images/wrong.png"   class="fl"/>
			    <h3 style="margin-left:68px;font-size:14px;font-weight:normal">退保</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
		</div>
	   </div>
			<div class="fl oh bd mlf wd">
		<p class="mtop">客服邮箱：<a href="javascript:;">customersevicechina@aig.com</a></p>
		<p>点击下载：<a href="javascript:;">《保险合同变更/退保申请书》</a></p>
		<h3 class="mtop "style="font-size:16px;font-weight:normal">特别提醒</h3>
			<ol class="mal">
				<li>请保证您的资料齐全，我们会在10个工作日内退款至您的账户</li>
				<li>请在保险合同生效日以前办理保单变更/退保业务，保单生效后本公司不予受理，敬请谅解。</li>
				<li>请提供投保人的储蓄账户接受退款（暂不支持信用卡）</li>
			</ol>
		</div>
		</div>
		<div>
		<div class="fl footerr mlf">
		<p><a href="javascript:;">官网两个不同的服务器热线的区别</a></p>
		<p><a href="javascript:;">旅行险服务问题</a></p>
		<p><a href="javascript:;">旅行险产品问答</a></p>
		<p><a href="javascript:;">常见问题</a></p>
		<p><a href="javascript:;">个人险理赔</a></p>
		</div>
		<div class="mtops"><img src="images/footer.png" class="fl mlf" /></div>
		</div>
	 </div>
	 <!--footer_Thank top end-->
	  <div class="clearfix wrap mtop">
	  <p class="marg"style="font-size:14px;">全球|中国></p>
	  <div class="footer_bottom pb" >
	  	<ul>
			<li><a href="javascript:;">隐私政策|</a></li>
			<li><a href="javascript:;">使用条款|</a></li>
			<li><a href="javascript:;">网站地图</a></li>
		</ul>
		<p class="cb">Copyngh&copy;2016 Americn Intemational Group,Inc.All nghts reserved.</p>
		<p style="color:#9e9e9e">沪ICP备09040636号—8</p>
	  </div>
	  </div>
</div>
<!--footer_end end-->
</body>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/select.js"></script>
<script src="js/Validform/Validform.min.js"></script>
<script src="js/OrderInputFunction.js"></script>
<script type="text/javascript">
$(function(){
	
	var Validform=$("#insuranceform").Validform({
		tiptype:3,
		label:".label",
		showAllError:true,
		datatype:{
			"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/
		},
		ajaxPost:true
	});
	Validform.tipmsg.w["zh1-6"]="请输入1到6个中文字符！";
	
	Validform.addRule([
	{
		ele:".ifplan_dateico:eq(0)",
		datatype:"*",
		nullmsg:'请填写保单起保日期'
	},
	{
		ele:".ifplan_dateico:eq(1)",
		datatype:"*",
		nullmsg:'请填写保单终止日期'
	},
	{
		ele:".happyBirth input",
		datatype:"*",
		nullmsg:'请选择生日'
	},
	{
		ele:".phomenumber",
		datatype:"m",
		nullmsg:'请输入手机号码'
	},
	{
		ele:".postemail",
		datatype:"e",
		nullmsg:'请输入邮箱'
	},
	{
		ele:".realname",
		datatype:"zh2-4",
		nullmsg:'请填写姓名'
	},
	{
		ele:".cardno",
		datatype:"*",
		nullmsg:'请填写证件号码'
	}
	]);
	$('a.tip').hover(function(){
		$(this).find('.tips').show();
	},function(){
		$(this).find('.tips').hide();
	});
	/*返回顶部效果*/
	$(window).scroll(function() {
		var scrollTopNum=$(window).scrollTop();
		//alert(scrollTopNum);
		if (scrollTopNum>300)
			$('.scrollTop').show();
		else
			$('.scrollTop').hide();
	});
	$('.scrollTop').click(function() {
		$('html, body').animate({scrollTop: 0}, 500);
	});
	// 展开更多
	$(".ifplan_unfold").on('click',function(){
		var show = $(this).attr('data-show');
	    $('#ifplan_tbnone').toggle();
		if(show==1)
			$(this).html('<img src="images/if_unfold.png">') && $(this).attr('data-show', 0);
		else
			$(this).html('<img src="images/if_unfold.jpg">') && $(this).attr('data-show', 1);
	});
	//选择计划
	$(".ifplan_select a").on('click',function(){
	    $(this).addClass('ifplan_slctcrt').siblings().removeClass('ifplan_slctcrt');
	});
	//我要去选择
	$(".go_country a").on('click',function(){
		var area = $(this).attr('data-area');
		$(this).addClass('if_rtrdu').parent().siblings().children('a').removeClass('if_rtrdu');;
        $('input[name=go_country]').val(area); 
	});
	$(".btn-bool a").on('click',function(){
		var bool = $(this).attr('data-bool');
	    $(this).addClass('btn-boolture').siblings().removeClass('btn-boolture');
        $(this).children('input').val(bool); 
	});

	/*添加新的控件*/
	var len = 3;
	$(document).on("click",".data_add",function(){
		var len1 = len*1+1;
		var len2 = len*1+2;
		len = len2;
		$(this).before('<div class="applicant_form insured-form" style="padding:20px 0;border-top:0;"><div class="clearfix tusertype" style="margin:15px 0;"><label>被保险人是投保人的：</label><div class="center fl ApplicantIdType" style="margin-left:15px;"><select class="fl" name="select_'+len1+'" id="select_'+len1+'"  style="background-color:#fff;" ><option>请选择</option><option class="applicant_option ss myself">本人</option><option>配偶</option><option>父亲</option><option>母亲</option><option>哥哥</option><option>姐姐</option></select></div><a href="javascript:;" class="data_delete fr"><i style="display:block;float:left;margin-right:5px;"><img src="images/shanchu_03.png" width="22" height="21" ></i>删除</a></div><div  class="clearfix user"><label>姓名：</label><input type="text" placeholder="&nbsp;&nbsp;&nbsp;例：李明/LIMING" name="name" value="" class="form-control realname" style="background-color:#fff;" /></div><div class="clearfix"><label>证件类型：</label><div class="center fl ApplicantIdType" style="margin-left:15px;"><select class="fl" name="select_'+len2+'" id="select_'+len2+'" style="background-color:#fff;"><option>请选择</option><option>身份证</option><option>居住证</option><option>签证</option><option>护照<option>军人证</option><option>团员证</option><option>党员证</option><option>港澳通行证</option></select></div><input type="text" name="shenfen" placeholder="&nbsp;&nbsp;&nbsp;请输入证件号码" class="cardno" /></div><div class="clearfix happyBirth ifplan_date"><label class="label">生日：</label><input type="text" onClick="WdatePicker()" class="ifplan_dateico happybirthday"></div><div class="clearfix date_sex btn-bool"><label class="label">性别：</label><a href="javascript:;" data-bool="0" class="btn-boolture"style="border-right:0;margin-left:15px">男</a><a href="javascript:;" data-bool="1" style="border-left:0">女</a></div><div class="clearfix PhoneNum"><label>手机号：</label><input type="text" name="phone" placeholder="&nbsp;&nbsp;&nbsp;请输入手机号" class="phomenumber"/></div></div>'
		);
		rSelects();
		var lens = $(".insured-form").length;
		if(lens>1)
			$('.data_delete').show();
		else
			$('.data_delete').hide();
			
		var Validform=$("#insuranceform").Validform({
			tiptype:3,
			label:".label",
			showAllError:true,
			datatype:{
				"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/
			},
			ajaxPost:true
		});
		Validform.tipmsg.w["zh1-6"]="请输入1到6个中文字符！";
		
		Validform.addRule([
		{
			ele:".ifplan_dateico:eq(0)",
			datatype:"*",
			nullmsg:'请填写保单起保日期'
		},
		{
			ele:".ifplan_dateico:eq(1)",
			datatype:"*",
			nullmsg:'请填写保单终止日期'
		},
		{
			ele:".happyBirth input",
			datatype:"*",
			nullmsg:'请选择生日'
		},
		{
			ele:".phomenumber",
			datatype:"m",
			nullmsg:'请输入手机号码'
		},
		{
			ele:".postemail",
			datatype:"e",
			nullmsg:'请输入邮箱'
		},
		{
			ele:".realname",
			datatype:"zh2-4",
			nullmsg:'请填写姓名'
		},
		{
			ele:".cardno",
			datatype:"*",
			nullmsg:'请填写证件号码'
		}
		]);
	});
	$(document).on('click', '.date_wrapper .insured-form .tusertype .tag_options li', function(){
		var _this = $(this);
		var toubaoren = $('.toubaoren input[name=name]').val();
		var type = _this.text();
		if(toubaoren!='' && type=='本人'){
		}
	})
	/*删除控件*/
	$(document).on("click",".data_delete",function(){
		var len = $(".insured-form").length;
		if(len>1){
			$(this).parents(".applicant_form").remove();	
			if(len==2)
				$('.data_delete').hide();
		}
	});



	$('.btn-submit').click(function(){$('form').submit();});

	$(document).on('blur', '.cardno', function(){
        var date_birth = new Date();
        var idType = $(this).prev('div.ApplicantIdType').find('.tag_select').text();
        var UUserCard = $(this).val();
        if ($(this).attr('value') == '') {
        }else {
            isLength(20, $(this), '输入长度超过上限');

            if (idType == "身份证") {
                var UUserCard = $(this).val();
                isCardNo(UUserCard, this);
                if (UUserCard.length == 18) {
                    //Get birthdate
                    var birthdate = UUserCard.substring(6, 10);
                    if (birthdate > date_birth.getFullYear() || birthdate < 1900) {
						alert(123);
                        $(this).next(".Validform_checktip").html("请输入身份证有效年份") && $(this).addClass('Validform_wrong') && $(this).addClass('Validform_error');
                        return;
                    }
                    is18($(this));
                    if (UUserCard.substring(10, 12) > 13 || UUserCard.substring(12, 14) > 31) {
                        $(this).next(".Validform_checktip").html("请输入身份证有效年份") && $(this).addClass('Validform_wrong') && $(this).addClass('Validform_error');
                        return;
                    }
                }
                else if ($(this).val().length == 15) {
                    //check whether it is 19XX or 20XX 
                    var birthdate = UUserCard.substring(6, 8);
                    //alert(birthdate);
                    if (birthdate > 20) {
                        birthdate = "19" + birthdate;
                    }
                    else {
                        birthdate = "20" + birthdate;
                    }
                    if (birthdate > date_birth.getFullYear() || birthdate < 1900) {

                        $(this).next(".Validform_checktip").html("请输入身份证有效年份") && $(this).addClass('Validform_wrong') && $(this).addClass('Validform_error');
                        return false;
                    }
                    is18($(this));
                    if (UUserCard.substring(8, 10) > 13 || UUserCard.substring(10, 12) > 31) {
                        $(this).next(".Validform_checktip").html("请输入身份证有效年份") && $(this).addClass('Validform_wrong') && $(this).addClass('Validform_error');
                        return false;
                    }
                }
				else {
					$(this).next(".Validform_checktip").html("请输入正确的身份证号码").addClass('Validform_wrong') && $(this).addClass('Validform_error');
				}
            }
			else if($(this).val()!=='') {
				$(this).next(".Validform_checktip").html("").removeClass('Validform_wrong') && $(this).removeClass('Validform_error');
			}
        }
        //is18($(this));
    });
});
</script>


<div style="position: absolute; left: 410px; top: 88px; z-index: 999999;" class="citySelector">
    <div id="cityBox" class="cityBox hide">
        <p class="tip">热门国家(支持汉字/英文/拼音)</p>
        <ul>
            <li class="on">热门国家</li>
            <li>亚洲</li>
            <li>美洲li>
            <li>欧洲</li>
            <li>非洲</li>
            <li>大洋洲</li>
        </ul>
        <div class="hotCity">
            <div class="hot cityTab">
            </div>
            <div class="Asia cityTab hide">
            </div>
            <div class="Americas cityTab hide">
            </div>
            <div class="Europe cityTab hide">
            </div>
            <div class="Africa cityTab hide">
            </div>
            <div class="Pacific cityTab hide">
            </div>
        </div>
    </div>        
</div>


<script src="js/cityjs"></script>

</html>
